/* showup */
.loading-sw
{
    font-size: 10px;

    position: absolute;
    z-index: -1; 
    top: 60%;
    left: 50%;

    display: block;

    width: 50px;
    height: 50px;
    margin-left: -25px;

    animation: spinner 700ms infinite linear;

    border-top: 1px solid rgba(0, 0, 0, .08);
    border-right: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    border-left: 1px solid rgba(0, 0, 0, .5);
    border-radius: 50%;
}
@media (max-width: 435px)
{
    .loading-sw
    {
        width: 40px;
        height: 40px;
        margin-left: -20px;
    }
}

@keyframes spinner
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}
body
{
    min-width: 1200px;

    background-color: #f6f6f6;
}

ul,
li
{
    float: none;
}

.pull-left
{
    float: left;
}

.pull-right
{
    float: right;
}

.w1190
{
    width: 1190px;
    margin: 0 auto;
}

.w1040
{
    width: 1040px;
    margin: 0 auto;
}

.header
{
    padding-bottom: 20px;
}
.header .logo
{
    width: 82px;
    height: 94px;
    padding: 38px 0 0 64px;
}
.header .right
{
    padding: 64px 64px 0 0;
}
.header .right .search-bar
{
    width: 168px;
    height: 30px;
    margin-top: 5px;

    border: 1px solid #d7d7d7;
    border-radius: 15px;
}
.header .right .search-bar input
{
    border: none;
    outline: none;
    background: none;
}
.header .right .search-bar input:focus
{
    border: none;
    outline: none;
}
.header .right .search-bar .text
{
    width: 125px;
    height: 30px;
    padding-left: 12px;
}
.header .right .search-bar .btn
{
    width: 28px;
    height: 30px;

    background: url(../img/search-btn.png) no-repeat left center;
}
.header .right .nav-bar
{
    padding-right: 10px;
}
.header .right .nav-bar .line
{
    width: 8px;
    height: 38px;

    background: url(../img/h-line.png) no-repeat center bottom;
}
.header .right .nav-bar .link
{
    display: block;

    width: 106px;

    text-align: center;
}
.header .right .nav-bar .link .e-title
{
    font-family: Arial;
    font-size: 14px;

    display: block;

    width: 100%;

    color: #000;
}
.header .right .nav-bar .link .c-title
{
    display: block;

    width: 100%;
    height: 20px;

    background: url(../img/h-link-bg.png) no-repeat;
}
.header .right .nav-bar .link:hover .e-title,
.header .right .nav-bar .link.cur .e-title{
    font-size: 16px;
}
.header .right .nav-bar .link .c-title.home
{
    background-position: 30px 4px;
}
.header .right .nav-bar .link .c-title.pro
{
    background-position: -70px 4px;
}
.header .right .nav-bar .link .c-title.read
{
    background-position: -170px  4px;
}
.header .right .nav-bar .link .c-title.news
{
    background-position: -276px  4px;
}
.header .right .nav-bar .link .c-title.about
{
    background-position: -398px 4px;
}
.header .right .nav-bar .link .c-title.contact
{
    background-position: -518px 4px;
}
.header .right .nav-bar .link:hover .e-title,
.header .right .nav-bar .link.cur .e-title
{
    color: #821616;
}
.header .right .nav-bar .link:hover .c-title.home,
.header .right .nav-bar .link.cur .c-title.home
{
    background-position: 38px -56px;
}
.header .right .nav-bar .link:hover .c-title.pro,
.header .right .nav-bar .link.cur .c-title.pro
{
    background-position: -65px -56px;
}
.header .right .nav-bar .link:hover .c-title.read,
.header .right .nav-bar .link.cur .c-title.read
{
    background-position: -167px  -56px;
}
.header .right .nav-bar .link:hover .c-title.news,
.header .right .nav-bar .link.cur .c-title.news
{
    background-position: -276px -56px;
}
.header .right .nav-bar .link:hover .c-title.about,
.header .right .nav-bar .link.cur .c-title.about
{
    background-position: -402px -56px;
}
.header .right .nav-bar .link:hover .c-title.contact,
.header .right .nav-bar .link.cur .c-title.contact
{
    background-position: -526px -56px;
}

.btm-share .iconfont
{
    font-size: 28px;
    line-height: 28px;

    display: block;

    height: 30px;
    margin-left: 12px;

    cursor: pointer; 

    color: #b4b4b4;
}
.btm-share .iconfont:hover
{
    color: #1f1a17;
}
.btm-share .wechat
{
    position: relative;
}
.btm-share .wechat .iconfont
{
    font-size: 29px;

    position: relative;
    top: 2px;
}
.btm-share .wechat .hide
{
    position: absolute;
    right: 0; 
    bottom: 30px;

    display: none;
}
.btm-share .wechat:hover .hide
{
    display: block;
}
.btm-share .wechat:hover .iconfont
{
    color: #1f1a17;
}

.page-btm-box
{
    padding-bottom: 64px;
}

.load-page
{
    position: fixed;
    z-index: 1000; 

    width: 100%;
}
.load-page .logo-box
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 90px;
    height: 104px; 
    margin-top: -52px;
    margin-left: -45px;
}
.load-page .logo-box .border-top
{
    position: absolute;
    top: 0;
    left: 0;

    width: 90px;
    width: 0;
    height: 2px;

    background-color: #000;
}
.load-page .logo-box .border-btm
{
    position: absolute;
    right: 22px;
    bottom: 14px;

    width: 67px;
    width: 0;
    height: 2px;

    background-color: #000;
}
.load-page .logo-box .border-btm2
{
    position: absolute;
    right: 0;
    bottom: 14px;

    width: 7px;
    width: 0;
    height: 2px;

    background-color: #000;
}
.load-page .logo-box .border-left
{
    position: absolute;
    bottom: 14px;
    left: 0;

    width: 2px;
    height: 88px;
    height: 0;

    background-color: #000;
}
.load-page .logo-box .border-right
{
    position: absolute;
    top: 2px;
    right: 0;

    width: 2px;
    height: 88px;
    height: 0;

    background-color: #000;
}
.load-page .logo-box .logo-text
{
    position: absolute;
    top: 39px;
    left: 7px; 

    opacity: 0;

    filter: alpha(opacity=0);
}
.load-page .logo-box .btm
{
    position: absolute;
    bottom: 0;
    left: 0;

    width: 0;
    height: 8px;

    background: url(../img/load-text.png) no-repeat left center;
}

.main.welc
{
    width: 100%; 

    opacity: 0;

    filter: alpha(opacity=0);
}
.main.welc .scroll-box
{
    position: relative;

    width: 100%;
}
.main.welc .scroll-box .wrap
{
    overflow: hidden;
}
.main.welc .scroll-box .wrap .img-box{
  position: relative;
  height: 400px;
}
.main.welc .scroll-box .wrap .img-box a.pull-left
{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index:50;
    text-align: center;
}
.main.welc .scroll-box .wrap .img-box a.pull-left img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}
@media (max-height: 788px)
{
    .main.welc .scroll-box .wrap .img-box a.pull-left img
    {
        width: auto;
        height: 430px;
    }
}
.main.welc .scroll-box .num
{
    position: fixed;
    bottom: 64px; 
    left: 50%;
    z-index: 110;
}
@media (min-width: 1920px){
    .main.welc .scroll-box .num{
        bottom: 64px; 
    }
}
@media (min-width: 2000px){
    .main.welc .scroll-box .num{
        bottom: 14px; 
    }
}
.main.welc .scroll-box .num li
{
    width: 6px;
    height: 6px;
    margin: 0 9px;

    cursor: pointer; 

    border: 1px solid #909090;
    border-radius: 50%;
}
.main.welc .scroll-box .num li.cur
{
    background-color: #909090;
}
.main.welc .scroll-box .btn-box .btn-list
{
    display: none;
}
.main.welc .scroll-box .btn-box .btn-list .btn
{
    line-height: 36px;

    position: absolute;
    top: 50%;

    width: 42px;
    height: 36px;
    margin-top: -18px;
    z-index: 110;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 

    moz-user-select: -moz-none;
         -o-user-select: none;
    -khtml-user-select: none;
}
.main.welc .scroll-box .btn-box .btn-list .btn .iconfont
{
    font-size: 22px;
    line-height: 36px;

    position: relative;
    top: -1px;

    transition: all  .3s; 

    color: #777;
}
.main.welc .scroll-box .btn-box .btn-list .btn:hover .iconfont
{
    font-size: 26px;
}
.main.welc .scroll-box .btn-box .btn-list .btn.left
{
    left: 64px; 

    text-align: left;
}
.main.welc .scroll-box .btn-box .btn-list .btn.right
{
    right: 64px; 

    text-align: right;
}
.main.welc .scroll-box .btn-box .btn-list.list1 .btn.left
{
    background: url(../img/welcome-btn-bg1.png) no-repeat right center;
}
.main.welc .scroll-box .btn-box .btn-list.list1 .btn.right
{
    background: url(../img/welcome-btn-bg2.png) no-repeat left center;
}
.main.welc .scroll-box .btn-box .btn-list.list2 .btn.left
{
    background: url(../img/welcome-btn-bg3.png) no-repeat right center;
}
.main.welc .scroll-box .btn-box .btn-list.list2 .btn.right
{
    background: url(../img/welcome-btn-bg4.png) no-repeat left center;
}
.main.welc .scroll-box .btn-box .btn-list.list3 .btn.left
{
    background: url(../img/welcome-btn-bg5.png) no-repeat right center;
}
.main.welc .scroll-box .btn-box .btn-list.list3 .btn.right
{
    background: url(../img/welcome-btn-bg6.png) no-repeat left center;
}
.main.welc .scroll-box .btm-share
{
    position: fixed;
    right: 64px;
    bottom: 64px;
    z-index: 52;
}
.main.pro .box .w1190
{
    overflow: hidden;
}
.main.pro .box .w1190 .pro-nav
{
    width: 600px;
    margin: 0 auto;
    padding-bottom: 35px;
}
.main.pro .box .w1190 .pro-nav .link
{
    display: block;

    width: 200px;
    padding-top: 85px;

    transition: all .3s; 
    text-align: center;

    color: #888;
    background: url(../img/pro-subnav-icon.png) no-repeat;
    background-position: 73px 12px;
}
.main.pro .box .w1190 .pro-nav .link:hover,
.main.pro .box .w1190 .pro-nav .link.cur{

}
.main.pro .box .w1190 .pro-nav .link.package
{
    background-position: 71px  12px;
}
.main.pro .box .w1190 .pro-nav .link.package:hover,
.main.pro .box .w1190 .pro-nav .link.package.cur
{
    background-position: 66px -142px;
}
.main.pro .box .w1190 .pro-nav .link.clothes
{
    background-position: -130px  12px;
}
.main.pro .box .w1190 .pro-nav .link.clothes:hover,
.main.pro .box .w1190 .pro-nav .link.clothes.cur
{
    background-position: -130px  -142px;
}
.main.pro .box .w1190 .pro-nav .link.home-a
{
    background-position: -337px  12px;
}
.main.pro .box .w1190 .pro-nav .link.home-a:hover,
.main.pro .box .w1190 .pro-nav .link.home-a.cur
{
    background-position: -337px  -142px;
}
.main.pro .box .w1190 .pro-sub-nav
{
    padding: 28px 0  48px;

    border-top: 1px solid #e9e9e9;
}
.main.pro .box .w1190 .pro-sub-nav .title
{
    font-size: 14px;

    padding-right: 6px;

    color: #777;
}
.main.pro .box .w1190 .pro-sub-nav .link
{
    font-family: Arial;
    font-size: 16px;

    padding: 0 18px;

    color: #444;
}
.main.pro .box .w1190 .pro-sub-nav .link:hover,
.main.pro .box .w1190 .pro-sub-nav .link.cur
{
    color: #821616;
}
.main.pro .box .w1190 .pro-sub-nav .line
{
    width: 8px;
    height: 22px;

    background: url(../img/h-line.png) no-repeat center center;
}
.main.pro .box .w1190 .pro-box
{
    width: 1214px;
    margin-left: -24px;
}
.main.pro .box .w1190 .pro-box .list
{
    position: relative;

    margin-left: 24px;

    cursor: pointer;
}
.main.pro .box .w1190 .pro-box .list .img-box
{
    overflow: hidden;

    width: 380px;
    height: 380px;

    background-color: #fff;
}
.main.pro .box .w1190 .pro-box .list .img-box img
{
    display: block;

    max-width: 100%;
    margin: 0 auto;
}
.main.pro .box .w1190 .pro-box .list .cont
{
    padding-bottom: 40px;

    text-align: center;
}
.main.pro .box .w1190 .pro-box .list .cont h4
{
    font-size: 14px;
    font-weight: normal;

    padding: 26px 0 14px;

    color: #444;
}
.main.pro .box .w1190 .pro-box .list .cont small
{
    font-family: Arial;
    font-size: 12px;

    color: #999;
}
.main.pro .box .w1190 .pro-box .list:hover .cont h4,
.main.pro .box .w1190 .pro-box .list:hover .cont small,
.main.pro .box .w1190 .pro-box .list.cur .cont h4,
.main.pro .box .w1190 .pro-box .list.cur .cont small
{
    color: #821616;
}
.main.pro .box .w1190 .pro-box .list .hide
{
    position: absolute;
    z-index: 20;
    bottom: 114px;
    right: 12px;

    display: none;

    width: 154px;
        height: 156px;

    opacity: 0;
    background: url(../img/qr-bg.png) no-repeat center center; 

    filter: alpha(opacity=0);
    border: 1px solid #d3d3d3;
        background-color: #fff;
}
.main.pro .box .w1190 .pro-box .list .hide img
{
    padding: 18px;
    width: 115px;
    height: 115px;
}
.main.pro .box .w1190 .pro-box .list .hide .text
{
    font-size: 12px;
    width: 152px;
    /* padding-left: 12px; */
    text-align: center;
    color: #555;
    position: absolute;
    bottom: 2px;
}
.main.pro .box .w1190 .pro-box .list.left-qr .hide
{
    left: 12px;

    background: url(../img/qr-bg2.png) no-repeat center center;
}
.main.pro .box .w1190 .pro-box .list.left-qr .hide img
{
    /*padding: 14px 0 0 22px;*/
}
.main.pro .box .w1190 .pro-box .list.left-qr .hide .text
{
    /*width: 200px;
    padding-left: 0;*/
}
.main.read .read-box
{
    padding: 18px 0 60px;
}
.main.read .read-box .list
{
    display: block;
}
.main.read .read-box .list .cont-box
{
    overflow: hidden; 

    width: 595px;
    height: 348px;
}
.main.read .read-box .list .cont-box img
{
    width: 595px;
    height: 348px;

    transition: all ease-in-out .3s;
}
.main.read .read-box .list .cont-box .time
{
    font-family: Arial;
    font-size: 14px;

    padding-top: 48px;
    padding-left: 30px;

    color: #bbb;
}
.main.read .read-box .list .cont-box h4
{
    font-size: 18px;
    font-weight: normal;

    padding-top: 22px;
    padding-left: 30px;

    color: #444;
}
.main.read .read-box .list .cont-box .text
{
    font-size: 14px;
    line-height: 24px;

    overflow: hidden; 

    height: 145px;
    padding-top: 20px;
    padding-left: 30px;

    color: #888;
}
.main.read .read-box .list .cont-box .more
{
    font-family: Arial;
    font-size: 12px;

    padding-left: 30px;

    color: #999;
}
.main.read .read-box .list:hover .cont-box img
{
    transform: scale(1.1);
}
.main.read .read-box .list:hover .cont-box h4
{
    color: #821616;
}
.main.read-info .title h4
{
    font-size: 18px;
    font-weight: normal;

    padding: 15px 0 24px;

    text-align: center; 

    color: #444;
}
.main.read-info .title .time-box
{
    text-align: center;
}
.main.read-info .title .time-box .time
{
    font-family: Arial;
    font-size: 14px;

    padding-right: 36px;

    color: #bbb;
}
.main.read-info .title .time-box .share
{
    font-size: 12px;

    color: #777;
}
.main.read-info .title .time-box .share .iconfont
{
    font-size: 17px;

    padding-left: 10px;

    cursor: pointer; 

    color: #aeaeae;
}
.main.read-info .title .time-box .share .iconfont:hover
{
    color: #821616;
}
.main.read-info .cont
{
    font-size: 14px; 

    min-height: 654px;
    padding: 38px 0 58px;
}
.main.read-info .cont img
{
    max-width: 100%;
}
.main.read-info .info-page
{
    padding-bottom: 60px;
}
.main.read-info .info-page a
{
    display: block;

    color: #444;
}
.main.read-info .info-page a:hover
{
    color: #821616;
}
.main.read-info .info-page .left a
{
    font-size: 14px;
    line-height: 30px;
}
.main.read-info .info-page .right
{
    font-size: 16px; 
    line-height: 34px;

    width: 90px;
    height: 34px;

    text-align: center;

    border: 1px solid #d0d0d0;
    border-radius: 17px;
}
.main.read-info .info-page .right:hover
{
    border-color: #821616;
}
.main.about .box
{
    padding-top: 40px;
}
.main.about .box .left
{
    width: 520px;
}
.main.about .box .left img
{
    max-width: 100%;
}
.main.about .box .right
{
    width: 640px;
}
.main.about .box .right h4
{
    font-size: 20px;
    font-weight: normal;

    color: #444;
}
.main.about .box .right .text
{
    font-size: 14px;
    line-height: 30px;

    color: #666;
}
.main.contact
{
    position: relative;
}
.main.contact .msg-box
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 848px; 
    margin-top: -152px;
    margin-left: -424px;
}
.main.contact .msg-box .form-box
{
    width: 569px;
}
.main.contact .msg-box .form-box .text
{
    font-size: 14px;

    color: #666;
    border: 1px solid #efefef;
}
.main.contact .msg-box .form-box .input-group
{
    margin-bottom: 10px;
}
.main.contact .msg-box .form-box .input-group .text
{
    line-height: 44px;

    width: 182px;
    height: 44px;
    margin-right: 3px;

    text-indent: 1em;
}
.main.contact .msg-box .form-box textarea.text
{
    width: 535px;
    height: 142px;
    padding: 14px;
}
.main.contact .msg-box .form-box .btn
{
    font-size: 12px;

    display: block;

    width: 190px;
    height: 46px;
    line-height: 46px;
    margin: 30px auto 0;
    padding-left: 83px;

    text-align: left;

    color: #fff;
    border: none;
    background: url(../img/contact-icon.png) no-repeat 60px 17px;
    background-color: #000;
}
.main.contact .msg-box .form-box .btn:hover
{
    /*color: #821616;
    background: url(../img/contact-icon.png) no-repeat 60px -29px;
    background-color: #000;*/
}
.main.contact .msg-box .text-box
{
    font-size: 14px;
    line-height: 25px; 

    width: 238px;
}
.main.contact .btm-share
{
    position: fixed;
    right: 64px;
    bottom: 64px;
}
.main.search .box .title
{
    padding-bottom: 16px;

    border-bottom: 1px solid #e9e9e9;
}
.main.search .box .title h4
{
    font-size: 14px;
    font-weight: normal;

    color: #888;
}
.main.search .box .wrap
{
    padding-bottom: 66px;
}
.main.search .box .wrap .list
{
    display: block;

    padding: 28px 0;

    border-bottom: 1px solid #e9e9e9;
}
.main.search .box .wrap .list h4
{
    font-size: 18px;
    font-weight: normal;

    color: #444;
}
.main.search .box .wrap .list .text
{
    font-size: 14px;
    line-height: 26px;

    padding-top: 18px;

    color: #666;
}
.main.search .box .wrap .list:hover h4
{
    color: #821616;
}
.main.news .box .calendar
{
    position: relative;

    width: 1164px;
    height: 680px;
    margin: 0 auto;
}
.main.news .box .calendar.t-shadow
{
    opacity: .5; 
    text-shadow: 1px 1px 6px #141414;
}
.main.news .box .calendar.t-shadow .wrap .cal-week li
{
    color: #a3a3a3;
}
.main.news .box .calendar.t-shadow .wrap .cal-day li
{
    color: #a3a3a3;
}
@media (max-height: 833px)
{
    .main.news .box .calendar
    {
        width: 972px;
        height: 568px;
    }
}
.main.news .box .calendar .wrap
{
    position: relative;
    z-index: 20; 

    width: 658px;
    margin: 0 auto;
}
@media (max-height: 833px)
{
    .main.news .box .calendar .wrap
    {
        width: 560px;
    }
}
.main.news .box .calendar .wrap .cal-week
{
    padding-top: 15px;
}
.main.news .box .calendar .wrap .cal-week li
{
    font-size: 30px;
    line-height: 64px;

    width: 64px;
    height: 64px;
    margin: 10px 15px;

    text-align: center;

    color: #333;
}
@media (max-height: 833px)
{
    .main.news .box .calendar .wrap .cal-week li
    {
        width: 50px;
        height: 50px;
    }
}
.main.news .box .calendar .wrap .cal-day
{
    height: 504px;
}
@media (max-height: 833px)
{
    .main.news .box .calendar .wrap .cal-day
    {
        height: 484px;
    }
}
.main.news .box .calendar .wrap .cal-day li
{
    font-family: Arial;
    font-size: 34px;
    line-height: 64px;

    width: 64px;
    height: 64px;
    margin: 10px 15px;

    text-align: center;
    cursor: pointer; 
    color: #333;
}
.main.news .box .calendar .wrap .cal-day li:hover{
    font-size: 38px;
}
@media (max-height: 833px)
{
    .main.news .box .calendar .wrap .cal-day li
    {
        line-height: 54px; 

        width: 50px;
        height: 54px;
    }
}
.main.news .box .calendar .wrap .cal-day li.today
{
    background: url(../img/today.png);
}
.main.news .box .calendar .wrap .cal-day li.today.red
{
    background: url(../img/today-red-bg.png) center top;
}
.main.news .box .calendar .wrap .cal-day li.red
{
    cursor: pointer; 

    background: url(../img/red-point.png) no-repeat center top;
}
.main.news .box .calendar .wrap .cal-day li.gray
{
    

    background: url(../img/gray-point.png) no-repeat center top;
}
.main.news .box .calendar .cal-bar
{
    position: absolute;
    z-index: 20;
    bottom: 0;
    left: 50%;

    width: 210px; 
    margin-left: -105px;
}
.main.news .box .calendar .cal-bar .cal-ym
{
    font-family: Arial;
    font-size: 30px;
    line-height: 33px;

    width: 130px;

    text-align: center;

    color: #666;
}
.main.news .box .calendar .cal-bar #prev-moon
{
    width: 40px;
    height: 33px;

    background: url(../img/news-btn.png) no-repeat 8px center;
}
.main.news .box .calendar .cal-bar #prev-moon:hover
{
    background: url(../img/news-btn.png) no-repeat -48px center;
}
.main.news .box .calendar .cal-bar #next-moon
{
    width: 40px;
    height: 33px;

    background: url(../img/news-btn.png) no-repeat -201px center;
}
.main.news .box .calendar .cal-bar #next-moon:hover
{
    background: url(../img/news-btn.png) no-repeat -145px center;
}
.main.news .box .calendar .news-bg
{
    position: absolute;
    z-index: 10; 
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.main.news .box .btm-share
{
    position: fixed;
    right: 64px;
    bottom: 64px;
    z-index: 150;
}

.news-list-box
{
    position: fixed;
    z-index: 100;
    top: 152px;
    left: 50%;

    display: none;

    width: 1163px;
    height: 688px;
    margin-left: -581px;

    opacity: 0;
    background: url(../img/news-list-bg.png); 

    filter: alpha(opacity=0);
}
@media (max-height: 833px)
{
    .news-list-box
    {
        width: 972px;
        height: 568px;
        margin-left: -486px;
    }
}
.news-list-box .wrap
{
    height: 418px;
    margin-top: 68px;
    padding: 0 95px 0 66px; 

    opacity: 0;

    filter: alpha(opacity=0);
}
.news-list-box .wrap .mCSB_scrollTools
{
    right: 26px !important;
}
.news-list-box .wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 7px !important;

    border-radius: 0 !important;
    background-color: #cbcbcb !important;
}
.news-list-box .wrap .mCSB_scrollTools .mCSB_draggerRail
{
    width: 1px !important;

    background-color: #cbcbcb !important;
}
.news-list-box .wrap .list
{
    display: block;

    padding: 28px 0;

    cursor: pointer; 

    border-bottom: 1px solid #e9e9e9;
}
.news-list-box .wrap .list h4
{
    font-size: 18px;
    font-weight: normal;

    color: #444;
}
.news-list-box .wrap .list .text
{
    font-size: 14px;
    line-height: 26px;

    padding-top: 18px;

    color: #888;
}
.news-list-box .wrap .list:hover h4
{
    color: #821616;
}
.news-list-box .back-btn
{
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    right: 95px;
    bottom: 60px;
    width: 80px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    color: #cbcbcb;
    border: 1px solid #dfdfdf;
    border-radius: 15px;
}
.news-list-box .back-btn:hover
{
    color: #821616;
    border-color: #821616;
}
@media (max-height: 833px)
{
    .news-list-box .back-btn
    {
        bottom: 6px;
    }
}

.news-info-box
{
    position: fixed;
    z-index: 100;
    top: 152px;
    left: 50%;

    display: none;

    width: 1163px;
    height: 688px;
    margin-left: -581px;

    opacity: 0;
    background: url(../img/news-list-bg.png); 

    filter: alpha(opacity=0);
}
@media (max-height: 833px)
{
    .news-info-box
    {
        width: 972px;
        height: 568px;
        margin-left: -486px;
    }
}
.news-info-box .wrap
{
    height: 480px;
    margin-top: 68px;
    padding: 0 95px 0 64px; 

    opacity: 0;

    filter: alpha(opacity=0);
}
.news-info-box .wrap .mCSB_scrollTools
{
    right: 26px !important;
}
.news-info-box .wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 7px !important;

    border-radius: 0 !important;
    background-color: #cbcbcb !important;
}
.news-info-box .wrap .mCSB_scrollTools .mCSB_draggerRail
{
    width: 1px !important;

    background-color: #cbcbcb !important;
}
@media (max-height: 833px)
{
    .news-info-box .wrap
    {
        height: 436px;
    }
}
.news-info-box .wrap .title
{
    font-size: 18px;
    font-weight: normal;

    color: #444;
}
.news-info-box .wrap .cont
{
    font-size: 14px;
    line-height: 26px;

    padding-top: 18px;

    color: #888;
}
.news-info-box .wrap .cont img
{
    max-width: 100%;
}
.news-info-box .back-btn
{
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    right: 95px;
    bottom: 60px;
    width: 80px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    color: #cbcbcb;
    border: 1px solid #dfdfdf;
    border-radius: 15px;
}
.news-info-box .back-btn:hover
{
    color: #821616;
    border-color: #821616;
}
@media (max-height: 833px)
{
    .news-info-box .back-btn
    {
        bottom: 6px;
    }
}

/*# sourceMappingURL=style.css.map */
.page
{
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;

    clear: both;

    padding: 0 0 10px;

    text-align: center;
}
.page a
{
    margin-right: 2px;
    padding: 3px 6px;
    padding-bottom: 2px;

    text-decoration: none;

    color: #797979;
    border: 1px solid #ccc;
    background: #fff;
}
.page a.active
{
    color: #fff;
    border: 1px solid #cdcdcd;
    background: #000;
}
.page a:hover
{
    text-decoration: none;

    color: #fff;
    border: 1px solid#cdcdcd;
    background: #000;
}
